.flex {
  display: flex;
  align-items: center;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexBetween {
  display: flex;
  justify-content: space-between;
}
.editContainer {
  height: calc(100vh - 160px);
  header {
    height: 42px;
    background-color: #fff;
  }
}
.editContent {
  background-color: rgba(255, 215, 219, 0.682);
  margin: 14px 0;
  width: 100%;
  height: 100%;
  &Left,
  &Right {
    flex: 2;
    background-color: #fff;
    border-radius: 4px;
  }
  &Mid {
    flex: 6;
  }
  &Right {
  }
}
.editItem {
  padding: 16px 8px;

  &:hover {
    border: 1px solid #ffcbcb77;
  }
}
.editItem:hover {
  background-color: #d2d2d2;
}
